import './App.css';
// import { useReducer } from 'react';
import Header from './components/Header';
import List from './components/List';
import Footer from './components/Footer';
// import { initialState } from './components/reducer/store';
// import reducer, { ActionType } from './components/reducer';
// import { useReducer, createContext } from 'react';

// import ContextDemo from './components/ContextDemo';
// import ReducerDemo from './components/ReducerDemo';
// import { TodoType } from './custom_types';
// import { produce } from 'immer';
// export const TodoListContext = createContext({
//   state: initialState,
//   dispatch: (action: ActionType) => {
//     /*空*/
//     console.log('action', action);
//   },
// });
function App() {
  // const [todos, setTodos] = useState([
  //   {
  //     id: '001',
  //     name: '吃饭',
  //     done: true,
  //   },
  //   {
  //     id: '002',
  //     name: '睡觉',
  //     done: true,
  //   },
  //   {
  //     id: '003',
  //     name: '打代码',
  //     done: false,
  //   },
  // ]);
  // const [state, dispatch] = useReducer(reducer, initialState);

  // const addTodo = (item: TodoType) => {
  //   //setTodos(todos.concat(item));
  //   setTodos(
  //     produce((draftState) => {
  //       draftState.push(item);
  //     }),
  //   );
  // };
  // const updateTodo = (item: TodoType) => {
  // // const newTodos = todos.map((todo) => (todo.id === item.id ? item : todo));
  // // setTodos(newTodos);
  //   setTodos(
  //     produce(todos, (draftState) => {
  //       const index = draftState.findIndex((todo) => todo.id === item.id);
  //       draftState.splice(index, 1, item);
  //     }),
  //   );
  // };
  // const deleteTodo = (id: string) => {
  //   // setTodos(todos.filter((todo) => todo.id !== id));
  //   setTodos(
  //     produce((draftState) => {
  //       const index = draftState.findIndex((todo) => todo.id === id);
  //       draftState.splice(index, 1);
  //     }),
  //   );
  // };
  // const checkAll = (done: boolean) => {
  //   // const newTodos = todos.map((todo) => ({ ...todo, done }));
  //   // setTodos(newTodos);
  //   setTodos(
  //     produce((draft) => {
  //       draft.forEach((item) => {
  //         item.done = done;
  //       });
  //     }),
  //   );
  // };
  // const clearDone = () => {
  //   console.log('clearDone');
  //   const newTodos = todos.filter((todo) => !todo.done);
  //   setTodos(newTodos);
  // };

  return (
    <div className="app-container">
      <a href="hzbwm://dsp.app.hzbankwealth.com.cn?target=app&path=%2FproductDetail%3FprdCode%3DWKS000003%26prdModel%3DD300&time=1714032011288">
        跳转到app
      </a>
      <Header />
      <List />
      <Footer />
    </div>
  );
}

export default App;
